﻿@charset "utf-8";

/* CSS Document */

body,
div,
span,
header,
footer,
nav,
section,
aside,
article,
ul,
ol,
dt,
dd,
li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
i,
b,
textarea,
button,
input,
select,
figure,
figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-weight: normal;
    font-family: sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}


/* body:hover, */

div:hover,
span:hover,
header:hover,
footer:hover,
nav:hover,
section:hover,
aside:hover,
article:hover,
ul:hover,
ol:hover,
dt:hover,
dd:hover,
li:hover,
a:hover,
p:hover,
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover,
i:hover,
b:hover,
textarea:hover,
button:hover,
input:hover,
select:hover,
figure:hover,
figcaption:hover {
    outline: none;
}

body::-webkit-scrollbar {
    /* display: none; */
}

div::-webkit-scrollbar {
    /* display: none; */
}

html,
body {
    width: 100%;
    height: 100%;
    color: #4b4b4b!important;
    background-color: #f8f8f8;
}

input,
select,
img,
button {
    vertical-align: middle;
    border: none;
    outline: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.hide {
    display: none;
}


/* =======主题样式======== */